<template>
    <div class="container">
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
            <el-menu-item index="1">本地拍照</el-menu-item>
            <el-menu-item index="2">视频连接</el-menu-item>
            <el-menu-item index="3">等待开发</el-menu-item>
            <el-menu-item index="4">等待开发</el-menu-item>
        </el-menu>
        <div v-if="pageOption == 1">
        <wrbTakePhoto></wrbTakePhoto>
        </div>
        <div v-else-if="pageOption == 2">
        <webConnect></webConnect>
        </div>
    </div>
</template>

<script>
import wrbTakePhoto from './webTakePhoto.vue'
import webConnect from './webConnect.vue'
export default {
    name: 'ChatroomWebRoom',
    components:{
      wrbTakePhoto,
      webConnect,
    },
    data() {
        return {
            activeIndex: '2',
            pageOption:2,
        };
    },

    mounted() {
    },

    methods: {
      handleSelect(key) {
        this.pageOption = key;
      }
    },
};
</script>

<style lang="scss" scoped>

</style>